<template>
  <!--  计划员-->
  <div class="content">
    <el-tabs v-model="activeName" type="border-card">
      <el-tab-pane label="销售在制订单" name="sale">
        <uncollecte v-if="activeName==='sale'" :table-height="tableHeight" />
      </el-tab-pane>
      <el-tab-pane label="生产在制订单" name="production">
        <notDeliver v-if="activeName==='production'" :table-height="tableHeight" />
      </el-tab-pane>
      <el-tab-pane label="委外外发订单" name="outgrowth">
        <abnormal v-if="activeName==='outgrowth'" :table-height="tableHeight" />
      </el-tab-pane>
      <el-tab-pane label="采购未入库订单" name="purchase">
        <purchase v-if="activeName==='purchase'" :table-height="tableHeight" />
      </el-tab-pane>
      <el-tab-pane label="成品仓库数据清单" name="finishedProd">
        <entrepot v-if="activeName==='finishedProd'" :table-height="tableHeight" />
      </el-tab-pane>
      <el-tab-pane label="仓库材料数据清单" name="warehouse">
        <material v-if="activeName==='warehouse'" :table-height="tableHeight" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import uncollecte from '@/views/homePageNew/planner/component/uncollecte'
import notDeliver from '@/views/homePageNew/planner/component/notDeliver'
import abnormal from '@/views/homePageNew/planner/component/abnormal'
import purchase from '@/views/homePageNew/planner/component/purchase'
import entrepot from '@/views/homePageNew/planner/component/entrepot'
import material from '@/views/homePageNew/planner/component/material'
export default {
  name: 'PlanUnit',
  components: {
    uncollecte,
    notDeliver,
    abnormal,
    purchase,
    entrepot,
    material
  },
  data() {
    return {
      activeName: 'sale',
      tableHeight: 'calc(100vh - 230px)'
    }
  }
}
</script>

<style scoped lang="scss">
.content {
  padding: 10px;
  background-color: white;
}
</style>
